<link rel="stylesheet" href="../css/category.css">

<div class="products-nav">
    <div class="left fl">
        <div class="sort fl">综合排序</div>
        <div class="num fl">销量优先</div>
    </div>
    <div class="btn fr"></div>
</div>
<div class="sort-mask" style="display: none">
    <div class="sort-box">
        <ul>
            <li class="com typecur" ng-click="price='price'">综合排序</li>
            <li class="htl" ng-click="price='-price'">价格从高到低</li>
            <li class="lth" ng-click="price='price'">价格从低到高</li>
        </ul>
    </div>
</div>
<script>
   var sort=document.getElementsByClassName('sort')[0];
   var sortMask=document.getElementsByClassName('sort-mask')[0];
    sort.onclick=function(){
            sortMask.style.display='block'
        };
    $(".sort-mask li").click(function(){
        $(this).addClass('typecur').siblings().removeClass('typecur');
        $(".sort-mask ").css("display","none");
    })

</script>


<div class="index-box" >
    <div class="mainbox">
        <div class="main">
            <div class="products clearfix" >
                <a class="probox" href="" ng-repeat="item in List|filter:{'type':type}|orderBy:price" ui-sref="detail({title:'{{item.title}}'})">
                    <div class="proming" style="background-image:url('../images/goodslist/{{item.imgSrc}}')"></div>
                    <div class="wenzibox">
                        <span class="name">{{item.title}}</span>
                        <span class="price">￥{{item.price}}</span>
                    </div>
                </a>

            </div>
        </div>
    </div>
</div>